<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- svg 精灵图 使用 分为2步 -->
  <!-- 第一步：制作 svg 精灵图 -->
  <!-- 第二步：使用 svg精灵图 -->

  <!-- 第一步：制作 svg 精灵图 -->
  <svg style="display: none;">
    <symbol id="one" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g clip-path="url(#clip0_784_9534)">
        <path
          d="M0 8C0 3.58172 3.58172 0 8 0H32C36.4183 0 40 3.58172 40 8V32C40 36.4183 36.4183 40 32 40H8C3.58172 40 0 36.4183 0 32V8Z"
          fill="white" />
        <path
          d="M32.9467 25.1267C38.72 27.0667 40 27.16 40 27.16V6.42C40.0018 5.57698 39.8371 4.74191 39.5155 3.96264C39.1939 3.18337 38.7217 2.47524 38.1259 1.87882C37.5301 1.28241 36.8225 0.809443 36.0435 0.487037C35.2646 0.164631 34.4297 -0.000875577 33.5867 3.4834e-06H6.41335C4.71235 0.00353161 3.08214 0.681268 1.87998 1.88468C0.677817 3.08809 0.00177475 4.71901 1.3883e-05 6.42V33.58C-0.00174104 34.423 0.162898 35.2581 0.484495 36.0374C0.806091 36.8166 1.27832 37.5248 1.87412 38.1212C2.46991 38.7176 3.17756 39.1906 3.95649 39.513C4.73542 39.8354 5.57033 40.0009 6.41335 40H33.5867C35.2877 39.9965 36.9179 39.3187 38.12 38.1153C39.3222 36.9119 39.9982 35.281 40 33.58V33.3333C40 33.3333 29.6133 29 24.36 26.4533C20.8333 30.7733 16.28 33.42 11.5733 33.42C3.57335 33.42 0.90668 26.4533 4.68001 21.84C5.83079 20.5463 7.37411 19.6658 9.07335 19.3333C12.4667 18.4933 17.8867 19.8533 22.9467 21.5267C23.8929 19.7756 24.6462 17.927 25.1933 16.0133H9.58001V14.4533H17.6267V11.6467H7.85335V10.0667H17.6267V6C17.6265 5.90899 17.645 5.8189 17.681 5.73529C17.7169 5.65169 17.7697 5.57633 17.8359 5.51387C17.9021 5.45141 17.9804 5.40317 18.0659 5.37213C18.1515 5.34108 18.2425 5.32787 18.3333 5.33334H22.2733V10.0667H31.92V11.6467H22.2733V14.4867H30.16C29.4626 17.4379 28.3397 20.272 26.8267 22.9C29.2 23.7733 31.3467 24.58 32.9467 25.1267ZM9.74668 21.74C8.3366 21.8696 6.98618 22.3711 5.83335 23.1933C2.75335 25.86 4.58668 30.7733 10.8 30.7733C14.42 30.7733 18.0133 28.4533 20.8667 24.7733C16.8667 22.7733 13.4267 21.3867 9.74668 21.74Z"
          fill="#00A7EF" />
      </g>
      <rect x="-953.5" y="-457.5" width="2535" height="1373" rx="39.5" stroke="#EF5533" />
      <defs>
        <clipPath id="clip0_784_9534">
          <path
            d="M0 8C0 3.58172 3.58172 0 8 0H32C36.4183 0 40 3.58172 40 8V32C40 36.4183 36.4183 40 32 40H8C3.58172 40 0 36.4183 0 32V8Z"
            fill="white" />
        </clipPath>
      </defs>
    </symbol>
    <symbol id="two" width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M39.5834 4.1665H10.4167C8.75908 4.1665 7.16937 4.82498 5.99727 5.99709C4.82517 7.16919 4.16669 8.7589 4.16669 10.4165V39.5832C4.16669 41.2408 4.82517 42.8305 5.99727 44.0026C7.16937 45.1747 8.75908 45.8332 10.4167 45.8332H39.5834C39.926 45.8284 40.2676 45.7935 40.6042 45.729L41.2292 45.5832H41.375H41.4792L42.25 45.2915L42.5209 45.1457C42.7292 45.0207 42.9584 44.9165 43.1667 44.7707C43.4449 44.566 43.7093 44.3433 43.9584 44.104L44.1042 43.9165C44.3087 43.7092 44.4968 43.4863 44.6667 43.2498L44.8542 42.979C44.9997 42.7471 45.1252 42.5031 45.2292 42.2498C45.2863 42.1499 45.3351 42.0454 45.375 41.9373C45.4792 41.6873 45.5417 41.4165 45.625 41.1457V40.8332C45.7431 40.4261 45.8131 40.0066 45.8334 39.5832V10.4165C45.8334 8.7589 45.1749 7.16919 44.0028 5.99709C42.8307 4.82498 41.241 4.1665 39.5834 4.1665ZM10.4167 41.6665C9.86415 41.6665 9.33425 41.447 8.94355 41.0563C8.55285 40.6656 8.33335 40.1357 8.33335 39.5832V30.604L15.1875 23.729C15.3812 23.5337 15.6116 23.3787 15.8655 23.273C16.1194 23.1672 16.3917 23.1128 16.6667 23.1128C16.9417 23.1128 17.214 23.1672 17.4679 23.273C17.7218 23.3787 17.9522 23.5337 18.1459 23.729L36.0625 41.6665H10.4167ZM41.6667 39.5832C41.6647 39.84 41.6153 40.0943 41.5209 40.3332C41.4732 40.4347 41.4175 40.5323 41.3542 40.6248C41.2984 40.713 41.2357 40.7966 41.1667 40.8748L30.0209 29.729L31.8542 27.8957C32.0479 27.7004 32.2783 27.5454 32.5322 27.4396C32.786 27.3339 33.0583 27.2794 33.3334 27.2794C33.6084 27.2794 33.8807 27.3339 34.1346 27.4396C34.3884 27.5454 34.6188 27.7004 34.8125 27.8957L41.6667 34.7707V39.5832ZM41.6667 28.8748L37.75 24.9998C36.5578 23.8686 34.9769 23.2379 33.3334 23.2379C31.6898 23.2379 30.1089 23.8686 28.9167 24.9998L27.0834 26.8332L21.0834 20.8332C19.8911 19.7019 18.3102 19.0713 16.6667 19.0713C15.0231 19.0713 13.4423 19.7019 12.25 20.8332L8.33335 24.7082V10.4165C8.33335 9.86397 8.55285 9.33407 8.94355 8.94337C9.33425 8.55266 9.86415 8.33317 10.4167 8.33317H39.5834C40.1359 8.33317 40.6658 8.55266 41.0565 8.94337C41.4472 9.33407 41.6667 9.86397 41.6667 10.4165V28.8748ZM28.125 12.4998C27.507 12.4998 26.9028 12.6831 26.3889 13.0265C25.875 13.3699 25.4744 13.8579 25.2379 14.429C25.0014 15 24.9395 15.6283 25.0601 16.2345C25.1806 16.8407 25.4783 17.3975 25.9153 17.8345C26.3524 18.2716 26.9092 18.5692 27.5154 18.6898C28.1216 18.8104 28.7499 18.7485 29.3209 18.512C29.8919 18.2754 30.38 17.8749 30.7234 17.361C31.0667 16.8471 31.25 16.2429 31.25 15.6248C31.25 14.796 30.9208 14.0012 30.3347 13.4151C29.7487 12.8291 28.9538 12.4998 28.125 12.4998Z"
        fill="#848484" />
      <rect x="-850.5" y="-248.5" width="2535" height="1373" rx="39.5" stroke="#EF5533" />
    </symbol>
    <symbol id="ltm" width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect width="80" height="80" rx="40" fill="url(#paint0_linear_784_9534)" />
      <path
        d="M50.625 51L56.575 55.2C56.7534 55.3259 56.8852 55.5015 56.9517 55.7018C57.0182 55.9022 57.016 56.1171 56.9455 56.3162C56.875 56.5153 56.7397 56.6885 56.5588 56.8112C56.3778 56.934 56.1605 57 55.9375 57H40L50.625 51Z"
        fill="white" fill-opacity="0.85" />
      <g filter="url(#filter0_d_784_9534)">
        <path
          d="M43.1875 23C50.8163 23 57 29.1838 57 36.8125V43.1875C57 50.8163 50.8163 57 43.1875 57H36.8125C29.1838 57 23 50.8163 23 43.1875V36.8125C23 29.1838 29.1838 23 36.8125 23H43.1875ZM31.5 37.875C30.9361 37.8753 30.3955 38.0995 29.997 38.4985C29.5984 38.8974 29.3747 39.4383 29.375 40.0021C29.3753 40.566 29.5995 41.1067 29.9985 41.5052C30.3974 41.9037 30.9383 42.1274 31.5021 42.1271C31.7813 42.127 32.0578 42.0719 32.3157 41.9649C32.5735 41.8579 32.8078 41.7012 33.0052 41.5037C33.2025 41.3061 33.359 41.0717 33.4657 40.8137C33.5724 40.5557 33.6273 40.2792 33.6271 40C33.627 39.7208 33.5719 39.4444 33.4649 39.1865C33.3579 38.9286 33.2012 38.6943 33.0037 38.497C32.8061 38.2996 32.5717 38.1431 32.3137 38.0364C32.0557 37.9297 31.7792 37.8749 31.5 37.875ZM40 37.875C39.4361 37.8753 38.8955 38.0995 38.497 38.4985C38.0984 38.8974 37.8747 39.4383 37.875 40.0021C37.8753 40.566 38.0995 41.1067 38.4985 41.5052C38.8974 41.9037 39.4383 42.1274 40.0021 42.1271C40.566 42.1268 41.1067 41.9026 41.5052 41.5037C41.9037 41.1048 42.1274 40.5639 42.1271 40C42.1268 39.4361 41.9026 38.8955 41.5037 38.497C41.1048 38.0984 40.5639 37.8747 40 37.875ZM48.5 37.875C47.9361 37.8753 47.3955 38.0995 46.997 38.4985C46.5984 38.8974 46.3747 39.4383 46.375 40.0021C46.3753 40.566 46.5995 41.1067 46.9985 41.5052C47.3974 41.9037 47.9383 42.1274 48.5021 42.1271C49.066 42.1268 49.6067 41.9026 50.0052 41.5037C50.4037 41.1048 50.6274 40.5639 50.6271 40C50.6268 39.4361 50.4026 38.8955 50.0037 38.497C49.6048 38.0984 49.0639 37.8747 48.5 37.875Z"
          fill="white" />
      </g>
      <rect x="-253.5" y="-94.5" width="601" height="209" rx="19.5" stroke="black" />
      <rect x="-307.5" y="-183.5" width="2535" height="1373" rx="39.5" stroke="#EF5533" />
      <defs>
        <filter id="filter0_d_784_9534" x="20" y="20" width="42" height="42" filterUnits="userSpaceOnUse"
          color-interpolation-filters="sRGB">
          <feFlood flood-opacity="0" result="BackgroundImageFix" />
          <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
            result="hardAlpha" />
          <feOffset dx="1" dy="1" />
          <feGaussianBlur stdDeviation="2" />
          <feComposite in2="hardAlpha" operator="out" />
          <feColorMatrix type="matrix" values="0 0 0 0 0.407843 0 0 0 0 0.678431 0 0 0 0 0.956863 0 0 0 0.3 0" />
          <feBlend mode="multiply" in2="BackgroundImageFix" result="effect1_dropShadow_784_9534" />
          <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_784_9534" result="shape" />
        </filter>
        <linearGradient id="paint0_linear_784_9534" x1="19" y1="3.68804e-07" x2="40" y2="80"
          gradientUnits="userSpaceOnUse">
          <stop stop-color="#88DFF2" />
          <stop offset="1" stop-color="#538AF4" />
        </linearGradient>
      </defs>
    </symbol>
  </svg>
  <!-- 第二步：使用 svg精灵图 -->
  <svg>
    <!-- <use href="#one"></use> -->
    <!-- <use href="#two"></use> -->
    <use href="#ltm"></use>
  </svg>
</body>

</html>